* {
    margin: 0px;
    padding: 0px;
}

.yemian {
    width: 100%;
    /* height: 2200px; */
}

/* 导航条设置 */
.navigationBar {
    background-color: black;
    width: 100%;
    height: 133px;
    /* 透明度设置 */
    position: absolute;
    opacity: 0.8;
}

.navigationBar:hover {
    opacity: 1;
    box-shadow: 1px 100px 300px rgba(0, 0, 0);
}

.logo {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 24px;
    right: 78%;
}

.logo img {
    width: 320px;
}

ul {
    list-style: none;
    /* background-color:rgb(129, 24, 24);  */
    text-align: end;

}

ul li {
    /* 设置关联 */
    display: inline-block;
    position: relative;
}

.navigationBar>ul>li>ul{
    display: none;
}

/* 对标签的字体进行设置 */
ul li a {
    margin-top: 16px;
    background: transparent;
    display: block;
    padding: 35px 45px;
    color: rgb(41, 37, 37);
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    /* text-align: 10px; */
}

.du a {
    margin-top: 30px;
}

.dang a {
    margin-top: -50px;
}

.power,
.figures {
    text-align: left;
    /* color: white;
    display: block;
    width: 230px; */
    padding: 20xp;
    background: transparent;
    position: absolute;
    z-index: 1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    top: 70px;
    /* right: 10px; */
    display: none;
}

/* 鼠标移动到上面设置 */
ul li a:hover {
    color: white;
}

ul li:hover ul.power {
    display: block;
}

ul li:hover ul.figures {
    display: block;
}

/* 所在页面显示 */
#active,
#figures {
    color: white;
}


/* 主题设置 */
.background {
    padding: 0;
    margin: 0;
    /* position: fixed; */
    margin-top: -133px;
    width: 100%;
}

/* 插入背景图片 */
.background img {
    width: 100%;
    height: 100%;
    /* 解决图片不重叠 */
    position: absolute;
}

.backgroundText {
    right: 50%;
    margin-right: -630px;
    top: 50%;
    margin-top: 238px;
    position: absolute;
}

/* 播放按钮 */
.playBox {
    /* border: 2px solid red; */
    /* border-radius: 10px; */
    width: 6%;
    height: 12%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 89px;
}

.play {
    position: absolute;
    top: 10%;
    left: 13%;
    /* margin-top: 200px; */
}

/* .playOut {
    transition: transform 0.5s;
    transform: rotate(45deg);
} */

/*.playOut{
    position: absolute;
    top: 49%;
    left: 49%;
    margin-top: 198px;
} */


/* 下载盒子 */
.Download {
    width: 210px;
    height: 380px;
    top: 0px;
    margin-top: 250px;
    margin-left: 60px;
    background-color: #333;
    position: absolute;
}

/* .Dow{
    width: 210px;
    height: 200px;
    background-color: #333;
    position: absolute;
} */

.Download p {
    margin-top: 10px;
    font-size: 15px;
    color: white;
    text-align: center;
}

.Download img {
    margin-top: 10px;
    width: 80%;
    margin-left: 20px;
}

button {
    width: 100%;
    /* height: ; */
}

.Download .special {
    margin-top: 11px;
    width: 100%;
    /* height: 100%; */
    margin-left: 0px;
    bottom: 0;
}

/* 主题设置 */
.topicOne {
    /* border: 2px solid red; */
    width: 100%;
    /* height: 100px; */
    position: absolute;
    top: 0px;
    margin-top: 1099px;
    margin-left: -100px;

}

.neirong1 {
    /* border: 2px solid blue; */
    width: 1000px;
    height: 600px;
    position: absolute;
    top: 140px;
    left: 698px;
}
/* .nei1,.test{
    /* position: absolute; 
    background-color: rgb(197, 71, 71);
    width: 100%;
    height: 10px;
}
.nei1,.test p{
    font-size: 15px;
     
}*/

.nei1 {
    /* border: 2px solid green; */
    width: 900px;
    height: 280px;
    margin-top: 5px;
    margin-left: 10px;
    display: flex;
}

.nei1 img {
    width: 439px;
    height: 300px;
    margin-left: 50px;
    /* position: absolute; */
    /* margin-top: 20px; */
}

.neiImg {
    margin-top: 50px;
}

.topicTwo img {
    width: 100%;
    position: absolute;
    top: 0px;
    margin-top: 2125px;
    /* position: absolute; */
    /* top: 0x; */
    /* margin-top: -190px; */
}



/* 轮播图设置 */
.carousel ul {
    height: 0px;
    width: 800px;
    padding: 0;
    position: absolute;
    /* 水平居中 */
    left: 50%;
    margin-left: -790px;
    /* 垂直居中 */
    top: 50%;
    margin-top: 2517px;
    list-style: none;
}

/* 移入到轮播图区域把鼠标形状变成‘手’ */
.carousel ul:hover {
    cursor: pointer;
}

.carousel li {
    position: absolute;
    left: 0;
    /* 过渡属性，让轮播图切换更自然 */
    transition: 0.5s;
}

/* 轮播图背景图设置 */
.background2 {
    width: 100%;
    height: 100%;
    top: 500px;
    /* position: absolute; */
}

.carousel .wujiang1 {
    width: 60%;
    /* position: absolute; */
    /* left: 0px; */
    top: 0px;
    margin-left: -200px;
}

/* 底部设置 */
.dibu {
    padding: 0;
    /* background-image: url("..\img\dibu.jpg"); */
    width: 100%;
    height: 300px;
}

.dibu img {
    position: absolute;
}
.NE img{
    position: relative;
    top: 20px;
    left: 700px;
    width: 200px;
    /* position: relative; */
}


.dibu p {
    top: 210px;
    font-size: 20px;
    position: relative;
    color: white;
    text-align: center;
}

.dibu .p1 {
    margin-top: -81px;
    /* margin-left: 50%; */
    /* left: 15%; */
}

.dibu .p2 {
    margin-top: -130px;
    /* left: 15%; */
}

.dibu .p3 {
    color: red;
    margin-top: 45px;
    font-size: 30px;
    text-align: right;
}